import React, { Component } from 'react';
import {
  StyleSheet,
  View,
  Text,
  Image,
  ScrollView
} from '@hippy/react';

import HomeHeader from '../components/home/HomeHeader';
import HomeTopFunc from '../components/home/HomeTopFunc';
import HomeFunc from '../components/home/HomeFunc';
import HomeNotice from '../components/home/HomeNotice';
import HomeBanner from '../components/home/HomeBanner';
import HomeBottom from '../components/home/HomeBottom';
import HomeEntrepreneurs from '../components/home/HomeEntrepreneurs';
import HomeClassroom from '../components/home/HomeClassroom';

const styles = StyleSheet.create({
  background: {
    flex: 1,
  },
});

export default class HomePage extends Component {
  constructor(props) {
    super(props);
    this.state = ({
      // curIndex: 0,
    });
  }

  componentDidMount() {

  }

  render() {

    return (
      <View style={styles.background}>
        <HomeHeader />
        <ScrollView
          bounces={true}
          horizontal={false}
          style={{flex: 1}}
          showScrollIndicator={false} // only Android support
          showsVerticalScrollIndicator={false} // only iOS support
        >
          <HomeTopFunc />
          <HomeFunc />
          <HomeNotice />
          <HomeBanner />
          <HomeEntrepreneurs />
          <HomeClassroom />
          <HomeBottom />
        </ScrollView>
      </View>
    );
  }
}
